@charset "utf-8";

/* CSS Document */



/*----------------------

Author：Ming

----------------------*/



html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}

/** 清除内外边距 **/

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */

dl, dt, dd, ul, ol, li, /* list elements 列表元素 */

pre, /* text formatting elements 文本格式元素 */

form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */

th, td /* table elements 表格元素 */ {

margin: 0;

padding: 0;

}

/**div居中**/

div{

margin:0px auto;

}

/** 设置默认字体 **/

body,

button, input, select, textarea /* for ie */ {

font:12px Verdana,Arial,Tahoma;

font-family:"microsoft yahei";

}

/** 重置列表元素 **/

ul, ol { list-style: none; }

/** 重置文本格式元素 **/

a { text-decoration: none;color:#666; }

a:hover { text-decoration: none; color:#333; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */

code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */

small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

sup { vertical-align: text-top; } /* 重置，减少对行高的影响 */

sub { vertical-align: text-bottom; }

/** 重置表单元素 **/

button, input, select, textarea { font-size: 100%; margin-top:10px; } /* 使得表单元素在 ie 下能继承字体大小 */

/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/

table { border-collapse: collapse; border-spacing: 0; }

/**重置图片**/

fieldset,img { border:0; }

/**浮动**/

.fl { float:left; }

.fr { float:right; }



.clear{display:block;overflow:hidden;clear:both;height:0;line-height:0;font-size:0;}.clear{display:block;height:0;overflow:hidden;clear:both}

.clearfix {zoom:1;}.clearfix:after {display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}

/** 以上是通用html标记样式 **/



.wrapper{position: relative;width: 100%;height: 100%;overflow: hidden;}

.header{ max-width:1200px; height:140px; margin:0 auto;}

.logo{ height:108px; float:left; margin-top:32px;}

.Nav{ float:right;margin-top: 55px;}

.Nav_t{ width:303px; height:41px; float:right; margin-top:30px;}

.Nav_b{ float:left;font-size:15px; margin-top:30px; }

.Nav_b li{ float:left; padding:0 10px;}

.Nav li a.current,.Nav li a:hover{ color:#08b2e2;}



.banner{ width:100%;}

.banner img{ width:100%; height:100%;}



.product{max-width:1200px; margin-top:70px;}

.tong h1{ text-align:center; font-size:35px; font-weight:bold;}

.tong h2{ text-align:center; font-size:20px; font-weight:bold; margin-top:10px;}

.product_nav{max-width:1200px; background:url(../images/Nav_c.jpg) repeat-x; height:54px;text-align:center; margin-top:40px;}

.product_nav li{  color:#fff; line-height:54px; margin-left:20px; font-size:16px; display:inline;}

.product_nav a{ color:#fff;}



.product .slideGroup { width:85%; }

.product .slideGroup .parBd { width:100%; padding-top:60px; margin:0 auto; }

.product .slideGroup .parBd .slideBox { width:100%; height:340px; position:relative; }

.product .slideGroup .parBd .slideBox .bd { width:100%; height:245px; overflow:hidden; }

.product .slideGroup .parBd .slideBox .bd ul { width:90%; margin:0 auto; overflow:hidden; }

.product .slideGroup .parBd .slideBox .bd ul li { float:left;  height:245px; padding:0 10px; position:relative; display:inline; }

.product .slideGroup .parBd .slideBox .bd ul li p { position:absolute; left:0; bottom:0; font-size:14px; line-height:50px; color:#363535; text-align:center; }



.product .slideGroup .parBd .slideBox .bd .sPrev { width:25px; height:215px; background:url(../images/sPrev.jpg) no-repeat center; position:absolute; top:0; left:0; }

.product .slideGroup .parBd .slideBox .bd .sNext { width:25px; height:215px; background:url(../images/sNext.jpg) no-repeat center; position:absolute; top:0; right:0; }

.product .slideGroup .parBd .slideBox .hd { width:100%; height:14px; line-height:14px; margin-top:50px; text-align:center; overflow:hidden; }

.product .slideGroup .parBd .slideBox .hd ul { height:14px; text-align:center; }

.product .slideGroup .parBd .slideBox .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:14px; height:14px; margin-left:18px; line-height:9999px; text-align:center; background:url(../images/btn.png) no-repeat 0 0; overflow:hidden; }

.product .slideGroup .parBd .slideBox .hd ul li.on { background:url(../images/btn.png) no-repeat 0 -14px; }



.news{ width:100%; margin-top:70px;}

.un{ border-bottom:1px solid #d5d6d6; margin-top:50px;}

.un1{ border-bottom:1px solid #d5d6d6; margin-top:20px;}

.new_content{ max-width:1200px; margin-top:70px;}

.lNews{ width:620px; float:left;}

.item{ width:620px; margin-bottom:50px;}

.lNews_time{ border:1px solid #45baef; height:60px; width:60px; float:left; text-align:center;color:#2797c9;}

.lNews_time span{ display:block; border-bottom:1px solid #45baef;padding: 6px 0 5px; font-size:24px; font-weight:bold; }

.lNews .item .info{ margin-left:77px;color:#5f5c5c;}

.lNews .item .info dt{ font-size:16px;}

.lNews .item .info dd{ padding-top:10px; }

.rNews { float:right; width:325px; }

.rNews .sBd dt { font-size:14px; line-height:30px; float:right }

.rNews .sBd dt a { color:#000; }

.rNews .sBd dd { line-height:20px; color:#7a7a7a; }

.rNews .sHd { padding-top:10px; float:right;}

.rNews .sHd a { display:inline-block; width:26px; height:26px; }

.rNews .sHd a.sPrev { background:url(../images/newsPrev.jpg) no-repeat center; }

.rNews .sHd a.sNext { margin-left:8px; background:url(../images/newsNext.jpg) no-repeat center; }



.brand{ width:100%; margin-top:115px;}

.About_us{ background:#4cbef2 url(../images/brand.jpg) center top no-repeat; height:388px; width:100%; margin-top:60px; position:relative}

.About_big{ width:65%;padding-top:3%; height:304px;}

.About_left{ float:left; margin-right:40px;}

.About_us p{ margin:0 auto; font-size:15px; color:#fff; line-height:35px;}

.About_big span{ border:1px solid #fff; padding:3px;}

.About_big a{ color:#fff;}

.About_right{ position:absolute; right:20%; bottom:0;}



.contact{ margin-top:75px;}

.contact_form{ background:url(../images/gbook.png) no-repeat; width:883px; height:334px; margin-top:25px;}

.form_left{ width:305px; float:left; margin-top:45px; margin-left:60px;}

.form_left p{ font-size:14px; color:#686868; border-bottom:2px dotted #cbcbca; padding-bottom:10px; line-height:25px; margin-bottom:10px;}

#name,#tel,#email{ color:#b5b0aa; font-size:13px; width:260px; height:35px; background:#f9f9f9; border:1px solid #c9c5c1; padding-left:45px; line-height:35px;}

.name,.tel,.email{ position:relative; margin-bottom:10px;}

.icon-mobile:before { content: "\e958";color:#c9c5c1; position:absolute; top:20px; left:15px; font-size:18px;border-right:2px solid #d9d9d9; padding-right:5px;}

.icon-user:before { content: "\e971"; color:#c9c5c1; position:absolute; top:20px; left:15px; font-size:18px;border-right:2px solid #d9d9d9; padding-right:5px;}

.em{color:#c9c5c1; position:absolute; top:20px; left:15px; font-size:16px;border-right:2px solid #d9d9d9; padding-right:5px;}

.form_right{ width:380px; float:right;margin-top:45px; margin-right:20px;}

.form_right p{ color:#b5b0aa; font-size:13px;}

.icon-pencil{ margin-left:5px;}

#liuyan{ margin-top:20px;}

.submit{ text-align:center;}

#submit{ width:100px; height:30px; background:#383838; color:#fff; border:1px solid #383838;}





.footer{ margin-top:35px; height:285px; background:#252525;}

.footer a{ color:#fff;}

.footer_wrapper{ width:1100px; margin:0 auto; padding-top:45px; background:url(../images/footer_bg.jpg) no-repeat; height:285px;}

.footer_wrapper h3{ text-align:center;}

.footer_con{ margin-top:15px;}

.footer_con_left{ background:url(../images/zixun.jpg) no-repeat; width:258px; height:115px; float:left; margin-left:300px;_margin-left:150px; color:#fff; border-right:1px dashed #5a5a5a;}

.footer_con_left p{margin-left:125px; margin-top:5px; font-size:14px; line-height:25px;}

.footer_con_center{ background:url(../images/fuwu.jpg) no-repeat;width:258px; height:115px; float:left;border-right:1px dashed #5a5a5a;}

.footer_con_center p{ color:#fff; font-size:14px; margin-left:65px; line-height:33px;}

.footer_con_right{ margin-left:20px; float:left;}

.footer_con_right img{ width:250px; height:94px;}

.footer_bottom{ font-size:13px; color:#fff; line-height:25px; margin-top:10px;}





/*---------------page-----------------------*/

.page_banner{width:100%;}

.page_banner img{ width:100%; height:100%;}

.middle{ max-width:1005px; margin-top:25px;}

.middle_left{ width:200px; float:left;}

.middle_lxwm{}

.middle_left_top li{ background:url(../images/nav_s.png) no-repeat; width:163px; height:30px; line-height:30px; padding-left:35px; font-size:12px; font-family:"宋体";}

.middle_left_top a{ color:#000;} 

.middle_left_top li a.current,.middle_left_top li a:hover{ color:#0f478b;}

.middle_left_bottom{ text-align:center; background:#f2f2f2; margin-top:20px; padding-top:7px; padding-bottom:3px;_padding-bottom:7px}

.middle_right{float:right; max-width:798px; }

.middle_right_top{ background:url(../images/possion.png) no-repeat;  height:35px;  font-size:12px; font-family:"宋体"; line-height:35px; padding-left:10px; color:#10488c; font-weight:bold;}

.middle_right_top span{ float:right; margin-right:30px; font-weight:normal;color:#6c6b6b;}

.middle_right_top span a{ color:#6c6b6b;}

.middle_right_bottom{  width:765px;  /*margin-top:12px; padding:10px 0 10px 10px;*/ font-size:14px; line-height23px; min-height:250px;}



/*---------------image---------------------*/

.middle_product{ }

.pic_item{ width:194px; height:184px;margin-top:25px; text-align:center; float:left; margin-left:40px; margin-right:20px; background:#f8f8f8; padding-bottom:15px;}

.pic_item img{ margin-bottom:8px; width:190px; height:166px;}

.pic_un{ border-bottom:2px dotted #d4d4d4;margin-top:15px;}

.pages{ text-align:right; margin:50px 45px 0 0;}

.pages a,.pages span{ padding:2px 8px; border:1px solid #999; margin-left:5px; color:#222;}

.pages span{ background:#096bac; color:#fff;}



/*-------------------brand----------------------------*/

.middle_brand{ width:788px;}

.middle_brand ul{ margin-top:15px;}

.middle_brand .sty1{ background:url(../images/li_l.png) no-repeat; width:739px; height:97px; margin-left:25px; }

.middle_brand .sty2{ background:url(../images/li_r.png) no-repeat; width:739px; height:97px; margin-left:25px; }

.brand_left{ width:185px; float:left;}

.brand_left img{ width:87px; height:87px; margin:10px 0 0 25px; }

.brand_right{ width:550px; float:right; margin-top:25px; line-height:25px;}



/*------------------------show------------------------------------*/

.nei_bg{ background:#fff;}

.middle_right_l{ width:300px; /*float:left; margin-top:80px; margin-right:10px;*/ margin: 0 auto;}

/*.tpxq{ border-bottom:1px dotted #999; padding-bottom:20px;}*/

.fenye{ margin-top:30px; margin-top: -370px; float: right; margin-right:-210px;}

.fenye p{ line-height:10px; margin-left:50px; margin-top:20px;}

.tpxq img{ width:400px; height:auto;/* margin:45px 0 0 18px;*/ margin-left:-48px;}

.middle_right_l a{ color:#0d468a;}

.middle_right_r{ /*float:left; width:450px;*/ font-family:"宋体";  font-size:14px; margin-top:0px; line-height:23px; margin-left:146px;}

.middle_right_r .nr{ margin-top:15px;}

.middle_right_r h1{ background:url(../images/title_bg.png) no-repeat left center; padding-left:25px; font-size:20px; font-weight:bold; font-family:"微软雅黑";}





/*------------------------banner-----------------------------*/

.slideBox1{  overflow:hidden; position:relative; border:1px solid #ddd;  }

.slideBox1 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }

.slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left;  }

.slideBox1 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }

.slideBox1 .hd ul li.on{ background:#f00; color:#fff; }

.slideBox1 .bd{ position:relative; height:100%; z-index:0;   }

.slideBox1 .bd li{ zoom:1; vertical-align:middle; }

.slideBox1 .bd img{ display:block;  }



/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev,

.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }

.slideBox .prev:hover,

.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.slideBox .prevStop{ display:none;  }

.slideBox .nextStop{ display:none;  }







.tempWrap{ width:325px;}







   .btn{ width: 81px;

    height: 43px;

    position: absolute;

    bottom: 18px;

    right: 22px;}

   .btn .prev {width: 38px;

    height: 43px;

    display: inline-block;

    background: url(../images/prev1.jpg) no-repeat center center;}

       .btn .next {width: 38px;

    height: 43px;

    display: inline-block;

    background: url(../images/next1.jpg) no-repeat center center;}

    

    

    

    

.product .slideGroup .parBd .slideBox .bd .sPrev { width:25px; height:215px; background:url(../images/sPrev.jpg) no-repeat center; position:absolute; top:0; left:0; }

.product .slideGroup .parBd .slideBox .bd .sNext { width:25px; height:215px; background:url(../images/sNext.jpg) no-repeat center; position:absolute; top:0; right:0; }

.product .slideGroup .parBd .slideBox .hd { width:100%; height:14px; line-height:14px; margin-top:50px; text-align:center; overflow:hidden; }

.product .slideGroup .parBd .slideBox .hd ul { height:14px; text-align:center; }

.product .slideGroup .parBd .slideBox .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:14px; height:14px; margin-left:18px; line-height:9999px; text-align:center; background:url(../images/btn.png) no-repeat 0 0; overflow:hidden; }

.product .slideGroup .parBd .slideBox .hd ul li.on { background:url(../images/btn.png) no-repeat 0 -14px; }